<script src="<?php echo TempDefault?>js/jquery.1.7.2.min.js"
	type="text/javascript"></script>
<link rel="stylesheet" type="text/css"
	href="<?php echo TempDefault?>css/style2-slider.css" />
<script type="text/javascript"
	src="<?php echo TempDefault?>js/jquery.easing.js"></script>
<script type="text/javascript"
	src="<?php echo TempDefault?>js/script-slider.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { 
                  previous:$('#jslidernews2 .button-previous') ,
						      next:$('#jslidernews2 .button-next') 
                };			 
		$('#jslidernews2').lofJSidernews({ 
      interval:5000,
		 	easing:'easeInOutQuad',
			duration:1200,
			auto:true,
			mainWidth:980,
			mainHeight:300,
			navigatorHeight		: 100,
			navigatorWidth		: 310,
			maxItemDisplay:3,
			buttons:buttons 
    });						
	});

</script>
<style>
ul.lof-main-wapper li {
	position: relative;
}
</style>
</head>
<body>
	<div id="jslidernews2" class="lof-slidecontent"
		style="width: 980px; height: 300px; font-size: 12px">
		<div class="preload">
			<div></div>
		</div>

		<div class="button-previous">Previous</div>

		<!-- MAIN CONTENT -->
		<div class="main-slider-content" style="width: 684px; height: 300px;">
			<ul class="sliders-wrap-inner">
				<?php foreach ($this->photo as $p):?>
				<li><img src="<?php echo IMG_URL.$p["IMG"]?>"
					title="<?php echo $p["SHORT_DESCRIPTION"]?>"></li>
				<li>
				<?php endforeach;?>
			
			
			</ul>
		</div>
		<!-- END MAIN CONTENT -->
		<!-- NAVIGATOR -->
		<div class="navigator-content">
			<div class="navigator-wrapper">
				<ul class="navigator-wrap-inner">
				<?php foreach ($this->photo as $ph):?>
					<li>
						<div>
							<img
								src="<?php echo IMG_URL.$ph["IMG"]?>" />
							<h3><?php echo $ph["SHORT_DESCRIPTION"]?></h3>
							<span>20.01.2010</span> - In id, mauris viverra asperiores,
							bibendum in id. Eu molestie. Ac sit eu...
						</div>
					</li>
					<?php endforeach;?>
				</ul>
			</div>

		</div>
		<!-- END OF NAVIGATOR -->
		<div class="button-next">Next</div>
		<!-- BUTTON PLAY-STOP -->
		<!-- END OF BUTTON PLAY-STOP -->

	</div>